.layout {
  height: 100px;
  background-color: #fff;

  .layout-top {
    display: flex;
    justify-content: space-between;

    .layout-top-left {
      line-height: 100px;
      display: flex;

      .layout-top-logo {
        background: url('~@/assets/img/logo.svg') center center no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        width: 100px;
        height: 100px;
        margin-top: 10px;
        color: #D9D9D9;
      }

      .layout-top-title {
        font-size: 20px;
        color: rgb(2, 178, 181);
        margin-top: 20px;
        font-weight: 800;

      }
    }

    .layout-title-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-right: 10px;

      .address {
        font-size: 14px;
        color: #555;
      }

      .time {
        font-weight: 600;
        font-size: 15px;
      }
    }
  }

  .layout-content {
    display: flex;

    ::v-deep .el-tabs--card>.el-tabs__header {
      padding-bottom: 10px;
      border-bottom: 4px solid;
      border-image: linear-gradient(to right, #00b09b, #96c93d) 4;
    }

    .content-top {
      height: 42px;
      background-color: #000;
    }


    ::v-deep {
      .el-menu.el-menu--horizontal {
        height: 42px;
      }

      .el-submenu__title {
        height: 42px;
        line-height: 42px;
        margin-right: 10px;

        &:hover {
          background-color: #00b09b !important;
        }
      }

      .el-submenu.is-active .el-submenu__title {
        background-color: #00b09b !important;
        border: none;
      }

      .el-menu-item {
        font-size: 14px;
        color: #fff;
        margin-right: 10px;
        height: 42px;
        line-height: 42px;

        &:hover {
          background-color: #00b09b !important;
        }
      }

      .el-menu--horizontal .el-menu .el-menu-item,
      .el-menu--horizontal .el-menu .el-submenu__title {
        &:hover {
          background-color: #00b09b !important;
        }
      }

      .el-menu--popup {
        background-color: #00b09b !important;
      }

      .el-menu--popup.el-menu-item.is-active {
        border: none;
        background-color: #00b09b !important;
      }

      li.el-menu-item.is-active {
        border: none;
        background-color: #00b09b !important;
      }

      .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
        background-color: rgb(2, 178, 181);
        color: #fff;
      }

      .el-tabs--card>.el-tabs__header .el-tabs__item {
        margin-right: 10px;
        border: none;
      }

      .el-tabs--card>.el-tabs__header .el-tabs__nav {
        border: none;
      }

      .el-tabs__header {
        margin: 0 0 10px;
      }

      .el-tabs__item {
        color: #fff;
        height: 42px;
        line-height: 42px;

        &:hover {
          color: #fff;

        }
      }
    }

  }
}